{%extends 'proyecto/base.html'%}

{% block css-javascript-agregados %}		
	<!-- SEXYSELECT -->
	<link 	type="text/css" 		href="/static/ui.sexyselect/css/ui.sexyselect.0.55.css" 			rel="stylesheet"/>
	<script type="text/javascript" 	src="/static/ui.sexyselect/js/ui.sexyselect.min.0.6.js" >		</script>
{% endblock %}

{% block heading_content %}Detalles del nuevo Proyecto{% endblock %}

{%block content%}
<br/>
<div id="tab">
          <form  method="POST" enctype="multipart/form-data">
	            {% csrf_token %}  
	            <table>{{form.as_table}}</table>
	          	<br/>
<table>
	          	<input type="submit" class="find_link" value="Guardar" />
          </form>
          <form action="/comunidadcyt/proyectos" method="GET">
          		<input type="submit" class="find_link" value="Cancelar" />
          </form>
	</tr>
</table>
</div>

<script type="text/javascript">     
	$("#tab").tabs();  
	$("#id_Responsables").sexyselect({title:'Elegir responsables',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
	$("#id_Departamentos").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
	$("#id_Lineas").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
	$("#id_Partners").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
	$("#id_Grupos").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
	$("#id_Miembros").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
	$("#id_Fecha_inicio").datepicker();
    $("#id_Fecha_finalizacion").datepicker();
</script>

{%endblock%}